﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->

<head>
	<title>简历</title>
	<!-- Meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="shortcut icon" href="">
	<link
		href='https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,300italic,300,500italic,700,700italic,900,900italic'
		rel='stylesheet' type='text/css'>
	<!-- Global CSS -->
	<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
	<!-- Plugins CSS -->
	<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">

	<!-- Theme CSS -->
	<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">

</head>

<body>

	<header class="header">
		<div class="top-bar container-fluid">
			<div class="actions">
				<a class="btn hidden-xs" href="mailto:liyan_wo@163.com"><i class="fa fa-paper-plane" aria-hidden="true"></i>
					Hire Me</a>
				<a class="btn" href="#"><i class="fa fa-download" aria-hidden="true"></i> Download My Resume</a>
			</div>
			<!--//actions-->
			<ul class="social list-inline">
				<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
				<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
				<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
				<li><a href="#"><i class="fa fa-github-alt" aria-hidden="true"></i></a></li>
				<li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
			</ul>
			<!--//social-->
		</div>
		<!--//top-bar-->

		<div class="intro">
			<div class="container text-center">
				<img class="profile-image" src="assets/images/profile-image.png" alt="">
				<h1 class="name">李岩</h1>
				<div class="title">伪全栈工程师</div>
				<div class="profile">
					<p>喜欢it开发工作，热爱生活，喜欢旅游，喜欢打篮球，喜欢敲代码，喜欢由代码编译生成炫酷页面的过程，喜欢研究技术，致力于研究透前端。 并在能成为全栈的路上努力。
						我始终坚信唯有付出，方有收获，天道酬勤，想要成功，就得脚踏实地，比别人努力再努力。</p>
				</div>
				<!--//profile-->
			</div>
			<!--//container-->
		</div>
		<!--//intro-->

		<div class="contact-info">
			<div class="container text-center">
				<ul class="list-inline">
					<li class="email"><i class="fa fa-envelope"></i><a href="mailto:liyan_wo@q163.com">liyan_wo@163.com</a></li>
					<li><i class="fa fa-phone"></i> <a href="tel: 18601112944">18601112944</a></li>
					<li class="website"><i class="fa fa-globe"></i><a href="https://liyan0411.github.io"
							target="_blank">小李子的Blog.</a></li>
				</ul>
			</div>
			<!--//container-->
		</div>
		<!--//contact-info-->

		<div class="page-nav-space-holder hidden-xs">
			<div id="page-nav-wrapper" class="page-nav-wrapper text-center">
				<div class="container">
					<ul id="page-nav" class="nav page-nav list-inline">
						<li><a class="scrollto" href="#skills-section">专业技能</a></li>
						<li><a class="scrollto" href="#experiences-section">工作经验</a></li>
						<li><a class="scrollto" href="#eudcation-section">项目经验</a></li>
						<li><a class="scrollto" href="#portfolio-section">作品展示</a></li>
						<li><a class="scrollto" href="#testimonials-section">教育经历</a></li>
						<li><a class="scrollto" href="#contact-section">联系方式</a></li>
					</ul>
					<!--//page-nav-->
				</div>
			</div>
			<!--//page-nav-wrapper-->
		</div>

	</header>
	<!--//header-->

	<div class="wrapper container">

		<section id="skills-section" class="skills-section section text-center">
			<h2 class="section-title">专业技能</h2>
			<div class="top-skills">
				<div class="row">
					<div class="item col-xs-12 col-sm-4">
						<div class="item-inner">
							<div class="chart-easy-pie text-center">
								<div class="chart-theme-1 chart" data-percent="98"><span>98</span>%</div>
							</div>
							<h4 class="skill-name">JS</h4>
							<div class="level">Expert, 5+ years</div>
						</div>
					</div>
					<div class="item col-xs-12 col-sm-4">
						<div class="item-inner">
							<div class="chart-easy-pie text-center">
								<div class="chart-theme-1 chart" data-percent="90"><span>90</span>%</div>
							</div>
							<h4 class="skill-name">Node</h4>
							<div class="level">Expert, 2+ years</div>
						</div>
					</div>
					<div class="item col-xs-12 col-sm-4">
						<div class="item-inner">
							<div class="chart-easy-pie text-center">
								<div class="chart-theme-1 chart" data-percent="85"><span>85</span>%</div>
							</div>
							<h4 class="skill-name">Vue</h4>
							<div class="level">Expert, 3+ years</div>
						</div>
					</div>
					<div class="item col-xs-12 col-sm-4">
						<div class="item-inner">
							<div class="chart-easy-pie text-center">
								<div class="chart-theme-1 chart" data-percent="85"><span>85</span>%</div>
							</div>
							<h4 class="skill-name">React</h4>
							<div class="level">Expert, 3+ years</div>
						</div>
					</div>
					<div class="item col-xs-12 col-sm-4">
						<div class="item-inner">
							<div class="chart-easy-pie text-center">
								<div class="chart-theme-1 chart" data-percent="85"><span>85</span>%</div>
							</div>
							<h4 class="skill-name">跨平台</h4>
							<div class="level">Expert, 2+ years</div>
						</div>
					</div>
					<div class="item col-xs-12 col-sm-4">
						<div class="item-inner">
							<div class="chart-easy-pie text-center">
								<div class="chart-theme-1 chart" data-percent="85"><span>85</span>%</div>
							</div>
							<h4 class="skill-name">小程序</h4>
							<div class="level">Expert, 3+ years</div>
						</div>
					</div>
				</div>
			</div>
	</div>
	<div class="container">
		<div class="skill-items">
			<div class="skill-item">☆熟练运用DIV+CSS进行页面布局，对H5、CSS3有深入了解；</div>
			<div class="skill-item">☆有良好的JavaScript功底，熟悉ES6/7特性；</div>
			<div class="skill-item">☆对主流MVVM、MVC框架有一定了解，熟练运用react、vue、ng等前端框架；</div>
			<div class="skill-item">☆熟悉http协议以及W3C等规范，对web标准以及语义化有一定理解；</div>
			<div class="skill-item">☆对数据表现以及分离有一定了解；</div>
			<div class="skill-item">☆熟练运用主流UI库，Bootstrap、ElementUI、iview、Antd、Vux等；</div>
			<div class="skill-item">☆熟悉Less和Sass；</div>
			<div class="skill-item">☆对跨平台开发Flutter、uniapp、taro有一定了解；</div>
			<div class="skill-item">☆熟悉微信小程序以及H5开发；</div>
			<div class="skill-item">☆熟练运用nodejs+express编写一些常用的接口</div>
			<div class="skill-item">☆熟悉Git、SVN、webpack、gulp、grunt等工具；</div>
			<div class="skill-item">☆熟练运用主流开发工具，熟练运用Photoshop处理图片；</div>
			<div class="skill-item">☆有良好的编码规范，对兼容、前端性能、前端安全有一定了解</div>
		</div>

	</div>

	</section>
	<!--//skills-section-->

	<section id="experiences-section" class="experiences-section section">
		<h2 class="section-title">工作经验</h2>
		<div class="timeline">
			<div class="item">
				<div class="work-place">
					<h3 class="place">安吉加加信息技术有限公司</h3>
					<div class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>上海</div>
				</div>
				<div class="job-meta">
					<div class="title">高级前端工程师</div>
					<div class="time">2017.09 - 至今</div>
				</div>
				<!--//job-meta-->
				<div class="job-desc">
					<p>
						1、协调项目前端团队协作，参与到产品开发的每个环节，提升团队开发效率；
						<br />
						2、持续改进相关项目性能、安全性、稳定性和可拓展性；
						<br />
						3、参与部分前端项目的框架搭建以及公共组件维护；
						<br />
						4、编写前端相关规范文档，推动新框架技术的落地。
					</p>
				</div>
				<!--//job-desc-->
			</div>
			<!--//item-->

			<div class="item">
				<div class="work-place">
					<h3 class="place">翡翠教育</h3>
					<div class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>北京</div>
				</div>
				<div class="job-meta">
					<div class="title">前端切图仔</div>
					<div class="time">2016.7 - 2017.08</div>
				</div>
				<!--//job-meta-->
				<div class="job-desc">
					<p>
						1、负责公司官网开发以及公司部分互联网教育产品的开发工作；<br />
						2、了解最新的前端技术MVC、MVVM框架，为公司提供技术更新；<br />
						3、实现优质的web界面，优化代码，保持在各浏览器下良好的兼容性；<br />
						4、负责通过技术提升用户体验和可用性。

					</p>
				</div>
				<!--//job-desc-->
			</div>
			<!--//item-->

		</div>
		<!--//timeline-->

	</section>
	<!--//section-->
	<section id="eudcation-section" class="education-section section">
		<h2 class="section-title">项目经验</h2>
		<div class="timeline">




			<div class="item">
				<div class="work-place">
					<h3 class="place">集狗社区商城</h3>
					<div class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>上海</div>
				</div>
				<div class="job-meta">
					<div class="title">前端工程师</div>
					<div class="time">2019.08 — 2020.03</div>
				</div>
				<!--//job-meta-->
				<div class="job-desc">
					<p>
						<h5>项目描述</h5>
						集狗社区是一家致力于为社区,为商家提供全功能电商小程序SaaS服务与全球品牌供应链的去中心化电商平台,是流量变现全路径解决方案提供商。
					</p>
					<p>
						<h5>责任描述</h5>
						作为前端开发工程师，负责前端框架搭建，和用户体验提示以及相关功能模块开发。
						使用uniapp开发微信小程序。
					</p>
				</div>
				<!--//job-desc-->
			</div>
			<!--//item-->



			<div class="item">
				<div class="work-place">
					<h3 class="place">味爱私享家</h3>
					<div class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>上海</div>
				</div>
				<div class="job-meta">
					<div class="title">前端切图仔</div>
					<div class="time">2019 .10 — 2019.12</div>
				</div>
				<!--//job-meta-->
				<div class="job-desc">
					<p>
						<h5>项目描述</h5>
						为电商企业提供专业分销解决方案,通过三级分销小程序搭建新一代微商城,助力企业快速实现传播品牌,多渠道发展新客户,刺激老客户再次购买。

					</p>
					<p>
						<h5>责任描述</h5>
						微信小程序原生技术栈WXML+WXSS+WXS（JS），通过运用微信提供的api以及自己封装一些公共组件实现需求；pc技术栈vue+elemenUI，主要是一些运营以及配置页面。
					</p>
				</div>
				<!--//job-desc-->
			</div>
			<!--//item-->
			<div class="item">
				<div class="work-place">
					<h3 class="place">绩效考核系统</h3>
					<div class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>上海</div>
				</div>
				<div class="job-meta">
					<div class="title">高级前端工程师</div>
					<div class="time">2019 .05 — 2019.10</div>
				</div>
				<!--//job-meta-->
				<div class="job-desc">
					<p>
						<h5>项目描述</h5>
						绩效考核系统,通过多维度定义指标,实现企业KPI管理,绩效数据系统自动采集，将线下流程通过平台化、智能化、全程电子化转移到线上进行,尽可能的实现评估自动化。
					</p>
					<p>
						<h5>责任描述</h5>
						主要技术栈react+antd+redux+redux-thunk, 用react-router 来管理路由，axios完成网络请求，单独完成项目搭建以及功能开发，配合产品进行前期业务调研。
					</p>
				</div>
				<!--//job-desc-->
			</div>
			<!--//item-->
			<div class="item">
				<div class="work-place">
					<h3 class="place">校钉数据</h3>
					<div class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>上海</div>
				</div>
				<div class="job-meta">
					<div class="title">高级前端工程师</div>
					<div class="time">2018.10 — 2019.04</div>
				</div>
				<!--//job-meta-->
				<div class="job-desc">
					<p>
						<h5>项目描述</h5>
						运用了互联网、物联网、大数据技术，让校园安全进入云时代，服务于教育局、学校、家长、学生，包含多个管理系统。
					</p>
					<p>
						<h5>责任描述</h5>
						主要技术栈vue +vuex+axios，pc端运用的ui库：iview,运用echarts实现大量数据可视化图表，移动端运用的ui库：vux；根据产品以及设计师的规范完成相应的开发。
					</p>
				</div>
				<!--//job-desc-->
			</div>
			<!--//item-->
			<div class="item">
				<div class="work-place">
					<h3 class="place">安吉助手</h3>
					<div class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>上海</div>
				</div>
				<div class="job-meta">
					<div class="title">高级前端工程师</div>
					<div class="time">2017.09 - 至今</div>
				</div>
				<!--//job-meta-->
				<div class="job-desc">
					<p>
						<h5>项目描述</h5>
						Crm2.0系统，基于GPS导航定位技术以及即时通讯技术，收集工厂内各种物件的
						运输位置信息以及反馈信息，
						管理订单的导入和订单生产的排班，监控生产线上各个工位的生产状况，保证设
						备装配所需物料的供给，并在工位出现故障的时候通过安灯发出警报等等。系统
						采用前后端分离，前端使用Vue.js+ElementUI，APP使用uniapp跨平台开发，后端基于Spring MVC + Spring + Mybatis架
						构，采用Spring Boot简化系统配置，搭配Spring Cloud进行微服务的开发，使
						用Swagger提供优秀的在线API文档，利用GIT进行源码
						的版本控制，采用Maven进行项目构建，使用Jenkins进行项目的持续集成，使用
						Docker容器技术进行部署，实现部署环境的简单快速的移植。
					</p>
					<p>
						<h5>责任描述</h5>
						作为项目前端开发，负责PC端以及相关H5页面开发，以及uniapp跨端开发。
					</p>
				</div>
				<!--//job-desc-->
			</div>

			<!--//item-->
			<div class="item">
				<div class="work-place">
					<h3 class="place">教务管理系统</h3>
					<div class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>北京</div>
				</div>
				<div class="job-meta">
					<div class="title">前端工程师</div>
					<div class="time">2016 .7 — 2017.08</div>
				</div>
				<!--//job-meta-->
				<div class="job-desc">
					<p>
						<h5>项目描述</h5>
						包含教务日常管理,考试安排,课程安排,考务管理,排课系统,选课系统,成绩管理.试卷分析.属于公司综合管理平台软件中的一部分。
						包含学生端、教师端、管理端。
					</p>
					<p>
						<h5>责任描述</h5>
						主要技术栈vuejs+ bootstrap实现页面开发以及数据绑定，配合后台开发人员进行接口设计，输出开发文档，配合运维进行部署完成最终上线。
					</p>
				</div>
				<!--//job-desc-->
			</div>
			<!--//item-->

		</div>
		<!--//timeline-->
	</section>
	<!--//section-->

	<section id="portfolio-section" class="portfolio-section section">
		<h2 class="section-title">作品展示</h2>
		<div class="items-wrapper isotope row">
			<div class="item frontend col-md-3 col-xs-6 ">
				<div class="item-inner">
					<figure class="figure">
						<img class="img-responsive" src="assets/images/portfolio/portfolio-1.jpg" alt="" width="100%"/>
					</figure>
					<div class="content text-left">
						<h3 class="sub-title"><a href="https://assistant.anji-logistics.com/">安吉助手</a></h3>
						<div class="meta">web</div>
						<div class="action"><a href="https://assistant.anji-logistics.com/">专注于用户体验的网络信息服务平台</a></div>
					</div>
					<!--//content-->
					<a class="link-mask" href="https://assistant.anji-logistics.com/"></a>
				</div>
				<!--//item-inner-->
			</div>
			<!--//item-->
			<div class="item backend col-md-3 col-xs-6 ">
				<div class="item-inner">
					<figure class="figure">
						<img class="img-responsive" src="assets/images/portfolio/portfolio-2.jpg" alt=""  width="100%"/>
					</figure>
					<div class="content text-left">
						<h3 class="sub-title"><a href="http://kpi.anji-plus.com">绩效考核系统</a>
						</h3>
						<div class="meta">web</div>
						<div class="action"><a
								href="http://kpi.anji-plus.com">绩效考核自动化</a>
						</div>
					</div>
					<!--//content-->
					<a class="link-mask" href="http://kpi.anji-plus.com"></a>
				</div>
				<!--//item-inner-->
			</div>
			<!--//item-->
		</div>
		<!--//item-wrapper-->

	</section>
	<!--//section-->

	<section id="testimonials-section" class="testimonials-section section">
		<h2 class="section-title">教育经历</h2>

		<div id="testimonials-carousel" class="testimonials-carousel carousel slide" data-interval="8000">

			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#testimonials-carousel" data-slide-to="0" class="active"></li>
				<li data-target="#testimonials-carousel" data-slide-to="1"></li>
				<li data-target="#testimonials-carousel" data-slide-to="2"></li>
			</ol>

			<!-- Wrapper for slides -->
			<div class="carousel-inner">
				<div class="item active">
					<blockquote class="quote">
						<i class="fa fa-quote-left"></i>
						<p>就读于中北，统招本科。</p>
					</blockquote>
					<div class="source">
						<div class="name">中北</div>
						<div class="position">（大学/本科）</div>
					</div>
					<!--//source-->

				</div>



			</div>
			<!--//carousel-inner-->
		</div>
		<!--//testimonials-carousel-->

	</section>
	<!--//section-->

	<section id="contact-section" class="contact-section section">
		<h2 class="section-title">联系方式</h2>
		<div class="intro">
			<img class="profile-image" src="assets/images/profile-image.png" alt="">
			<div class="dialog">
				<p>
					我目前就职于一家软件企业，担任前端工程师的职务，主要参与研发团队进行软件项目的研发，
					项目进度的把控，团队任务的协助，系统上线运维的安排等工作。因为自己平时
					也喜欢参与编码，所以工作还是比较忙的，如果有什么需要，可以通过下面提供的方式联系我。
				</p>
				<p><strong>提供服务:</strong></p>
				<ul class="list-unstyled service-list">
					<li><i class="fa fa-check" aria-hidden="true"></i> 担任移动端开发</li>
					<li><i class="fa fa-check" aria-hidden="true"></i> 担任前端开发</li>
				</ul>
				<p>欢迎给我留言 <a href="mailto:liyan_wo@163.com">liyan_wo@163.com</a> 或致电于 <a href="tel:18601112944">18601112944</a>
				</p>
				<ul class="social list-inline">
					<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
					<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
					<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
					<li><a href="#"><i class="fa fa-github-alt" aria-hidden="true"></i></a></li>
					<li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
				</ul>
				<!--//social-->
			</div>
			<!--//diaplog-->
		</div>
		<!--//intro-->

	</section>
	<!--//section-->

	</div>
	<!--//wrapper-->

	<footer class="footer text-center">
		<div class="container">
			<small class="copyright">Copyright &copy; 2018.Company name All rights reserved.More Templates <a
					href="http://liyan0411.github.io/" target="_blank" title="李岩">李岩</a> - Collect from <a
					href="http://liyan0411.github.io/" title="李岩" target="_blank">李岩</a></small>
		</div>
		<!--//container-->
	</footer>

	<!-- Javascript -->
	<script type="text/javascript" src="assets/plugins/jquery-1.12.4.min.js"></script>
	<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="assets/plugins/back-to-top.js"></script>
	<script type="text/javascript" src="assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
	<script type="text/javascript" src="assets/plugins/easy-pie-chart/dist/jquery.easypiechart.min.js"></script>
	<script type="text/javascript" src="assets/plugins/imagesloaded.pkgd.min.js"></script>
	<script type="text/javascript" src="assets/plugins/isotope.pkgd.min.js"></script>

	<!-- custom js -->
	<script type="text/javascript" src="assets/js/main.js"></script>

	<!-- Style Switcher (REMOVE ON YOUR PRODUCTION SITE) -->
	<script src="assets/js/demo/style-switcher.js"></script>

</body>

</html>